{% extends "dtdBase.html" %}
{% load i18ntag %}
{% block title %}{{i18nmessage|i18ntag:'COMMON.PERSONAL' }}{% endblock %}
{% load updateleftmenucss %}
{% block leftmenu %}{% left_css "personal_info" %} {% endblock %}
{% block javascript %}
<script type="text/javascript" src="/static/js/custom/form.js"></script>
{% endblock %}

{% block maincontentinner %}
    <div class="maincontentinner">
    <ul class="maintabmenu multipletabmenu">
        <li class="current"><a href="#">{{i18nmessage|i18ntag:'COMMON.PERSONAL' }}</a></li>
        <li ><a href="editor.html">{{i18nmessage|i18ntag:'COMMON.MESSAGE' }}</a></li>
    </ul><!--maintabmenu-->

    <div class="content">
        <div class="contenttitle">
            <h2 class="form"><span>{{i18nmessage|i18ntag:'COMMON.PERSONAL.UPDATE' }}</span></h2>
        </div><!--contenttitle-->
        <br />
        <form id="savePersonalInfo" class="stdform" method="post" action="save">
            {% csrf_token %}
            <p>
                <label>{{i18nmessage|i18ntag:'COMMON.PERSONAL.NAME' }}</label>
                <span class="field"><input type="text" name="userName" id="userName" class="smallinput" value="{{ profile.User_name|default:'' }}" /></span>
                <input type="hidden" name="userID" id="userID"   value="{{ profile.User_id_id|default:'' }}" />
            </p>

            <p>
                <label>{{i18nmessage|i18ntag:'COMMON.PERSONAL.PHONE' }}</label>
                <span class="field"><input type="text" name="cellPhone" id="cellPhone" class="smallinput" value="{{ profile.User_cellphone|default:'' }}" /></span>
            </p>

            <p>
                <label>{{i18nmessage|i18ntag:'COMMON.PERSONAL.EMAIL' }}</label>
                <span class="field"><input type="text" name="userEmail" id="userEmail" class="smallinput "  readonly="readonly"  value="{{ profile.User_email|default:'' }}" />({{i18nmessage|i18ntag:'COMMON.MESSAGE.READONLY' }})</span>

            </p>

            <p>
                <label>{{i18nmessage|i18ntag:'COMMON.PERSONAL.INTRODUCE' }}</label>
                <span class="field"><textarea cols="80" rows="5"  name="introduce" class="smallinput" id="introduce" >{{ profile.User_introduce|default:'' }}</textarea></span>
            </p>

            <p>
                <label>{{i18nmessage|i18ntag:'COMMON.PERSONAL.WORKTYPE' }}</label>
						<span class="formwrapper"  >
                          <span  class="checkbox {% if profile.User_work_type == "2" or profile.User_work_type == "3"  %} checked{% endif %}">  <input type="checkbox"   name="workType" value="2" {% if profile.User_work_type == "2" or profile.User_work_type == "3"  %}checked="checked" {% endif %} /></span> {{i18nmessage|i18ntag:'COMMON.PERSONAL.WORKTYPE_FULLTIME' }}
                          <span class="checkbox {% if profile.User_work_type == "1" or profile.User_work_type == "3"  %} checked{% endif %} "><input type="checkbox"   name="workType" value="1" {% if profile.User_work_type == "1" or profile.User_work_type == "3"  %}checked="checked" {% endif %}/> </span>{{i18nmessage|i18ntag:'COMMON.PERSONAL.WORKTYPE_PARTTIME' }}
                          <span id="workTypeError"></span>
                     </span>
            </p>
            <p>
                <label>{{i18nmessage|i18ntag:'COMMON.PERSONAL.LANGUAGELEVE' }}</label>
						<span class="field">
						<span style="width: 80px;position: relative; display: inline-block">{{i18nmessage|i18ntag:'COMMON.PERSONAL.ENLEVEL' }} &nbsp;</span>
                            <select name="enLevel" id="enLevel" class="weight170">
                                {% for level in enLevel %}
                                   <option value="{{ level.Certificate_id  }}" {% if level.Certificate_id == enCertificate.Certificate_id_id %}selected="true"{% endif %}>{{ level.Certificate_name }}</option>
                                {% endfor %}
                            </select>
						<br />
				        <br />

						 <span style="width: 80px;position: relative;display: inline-block">{{i18nmessage|i18ntag:'COMMON.PERSONAL.JPLEVEL' }} &nbsp;</span>
					     <select name="jpLevel" id="jpLevel" class="weight170" >
                             {% for level in jpLevel %}
                                 <option value="{{ level.Certificate_id  }}" {% if jpCertificate.Certificate_id_id == level.Certificate_id  %}selected="true"{% endif %}>{{ level.Certificate_name }}</option>
                             {% endfor %}
                         </select>
						 </span>
            </p>
            <br />
            </p>

            <p class="stdformbutton">
                <button class="submit radius2 growlmessage">{{i18nmessage|i18ntag:'COMMON.BUTTON.SUBMIT' | safe }} </button>
            </p>

        </form>


        <br clear="all" /><br />


    </div><!--content-->

    {% if stateMessage != None %}
        <script type="text/javascript">
            jQuery(document).ready(function(){
               jQuery.jGrowl("{{ stateMessage }}",{closer:false},{corners:'15px'});
            })
        </script>
    {% endif %}
{% endblock %}


{% block right %}
    <div class="photoright">
        <div class="mainrightinner">

             <div class="title">
              <span><a href="#"><img src="/static/images/no_pic.gif" alt="" class="photo"/></a></span>
             </div>

        </div><!--mainrightinner-->
    </div><!--mainright-->
{% endblock %}